// .SearchDetail{
//     width: 100%;
//     height: 100%;
//     font-size: .28rem;
//     .result{
//         width: 100%;
//         margin-top: .3rem;
//         border: 1px solid #ccc;
//         display: flex;
//         overflow-x: scroll;
//         padding: .1rem;
//     }
//     li{
//         width: 1rem;
//         display: flex;
//         flex-direction: column;
//         text-align: center;
//         align-items: center;
//         margin-top: 20px;
//         // width: 100%;
//         // overflow-x: scroll;
//         // display: flex;
//         img{
//             width: 1rem;
//             // height: 1rem;
//         }
//     }
// }

.SearchDetail{
    width: 100%;
    height: 100%;
    font-size: .28rem;
    .result{
        height: 2rem; 
        margin-top: .3rem;
        border: 1px solid #ccc;
        display: flex;
        flex-direction: column;
        overflow-x: scroll;
        padding: .1rem;
        h4{
            margin-bottom: .2rem;
        }
        .result_nav{
            width: 100%;
            height: 2rem;  
            display: flex;
            overflow-x: scroll;
            align-items: center;
            li{
                height: 100%;
                // display: flex;
                // flex-direction: column;
                text-align: center;
                width: 25%;
                flex-shrink: 0;
            }
            img{
                width: .8rem;
                margin-bottom: .1rem;
            }
        }

    }
    .result_con{
        margin-top: .3rem;
        width: 100%;
        h4{
            margin-bottom: .3rem;
        }
        .result_con_nn{
            width: 100%;
            padding: .25rem;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            overflow: hidden;
            &>section{
                width: 45%;
                overflow: hidden;
                border-radius: 5px;
                img{
                     //width:6rem;
                     width: 100%;
                     height: 3rem;
                }
            }
            p{
                margin-top: .1rem;
                box-sizing: border-box;
                white-space: nowrap; 
                overflow: hidden;
                text-overflow:ellipsis;
            }
            .res_c_n_n{
                display: flex;
                align-items: center;
                justify-content: space-between;
                span{
                    color: #999;
                }
                &>div{
                    width: 50%;
                    height: 1rem;
                    display: flex;
                    align-items: center;
                    &>div{
                        width: .4rem;
                        height:.4rem;
                        overflow: hidden;
                        border-radius: 12px;
                        padding-right: .1rem;
                        box-sizing: border-box;
                        img{
                            width: .4rem;
                        }
                    }
                }  
            }
        }
    }

}